<template>
  <div>
    <h1>{{msg}}</h1>
        <h2>学生姓名：{{name}}</h2>
        <h2>学生性别：{{sex}}</h2>
        <h2>学生年龄：{{age+1}}</h2>
    <h3>{{MyAge}}</h3>
    <button @click="MyAge++">点击增加年龄</button>
  </div>
</template>

<script>
export default {
    name:'StudentlInfo', 
    data() {
        return {
            msg:'毕业于临沂大学的学生',
            MyAge: this.age
            // name:'王振乾',
            // sex:'男',
            // age:18
        }
    },
    // props:['name','sex','age' ]   //简单声明接收方式
    //接收时对数据类型进行限制
    // props:{
    //     name:String,
    //     sex:String,
    //     age:Number
    // }
    //////////////////////////////////////////
    // 更完整的接受定义   属性。  而且传递过来的属性是不行允许修改值的
    props:{
        name:{
            type:String,
            required:true
        },
        age:{
            type:Number,
            default:100
        },
        sex:{
            type:String,
            required:true
        },
    } //  
}
</script>

